<template>
  <h2>child6组件 - actions</h2>
  <div>n: {{ n }}</div>
  <button @click="mul">n * 2</button>
</template>

<script>
import { mapState, mapActions } from "vuex";
export default {
  computed: mapState(["n"]),
  methods: {
    // mul() {
    //   // 可以通过this.$store.dispatch()来触发actions的函数
    //   this.$store.dispatch("asyncMul", { a: 3 });
    // },

    ...mapActions(["asyncMul"]),
    mul() {
      this.asyncMul({ a: 3 });
    },
  },
};
</script>
